<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>随心————随心所欲，畅所欲言</title>
    <link rel="stylesheet" href="/stylesheets/css/index.css">
    <style media="screen">
      .product {
        width: 70%;
        display: block;
      }
      .product > p {
        text-align: center;
        margin: 30px auto;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <%- include('he_nav') -%>

      <div class="main box">
        <h1>欢迎来到随心综合社区！</h1>
        <h1>在这里您可以：</h1>
        <div class="product">
          <img src="/images/mesboard.jpg">
          <p>留言生活</p>
        </div>
        <div class="product">
          <img src="/images/writing.jpg">
          <p>发表文章</p>
        </div>
        <div class="product">
          <img src="/images/product.jpg">
          <p>浏览产品</p>
        </div>
        <div class="product">
          <img src="/images/social_media.jpg">
          <p>交友聊天</p>
        </div>
      </div>

      <%- include('sid_footer') -%>
    </div>
    <script type="text/javascript" src="../../../javascripts/open.js"></script>
  </body>
</html>
